Entonces, lo que estoy tratando de lograr es seleccionar todos los nombres de clase que contienen "lista"

Luego, cada vez que se hace clic en uno, se convierte en "lista activa", cuando se hace clic en siguiente, el "activo" se elimina de la lista actual y pasa a la siguiente. algo como esto primero quiero seleccionar todas las clases de la lista

 const list = document.querySelectorAll(".list");

después

 function activeList() { list.forEach((element) => element.classList.remove("active")); this.classList.add("active"); }

entonces quiero agregar un oyente a todas las "clases de lista"

 list.forEach((element) => element.addEventListener("click", activeList));

El problema es que este enfoque no funciona en reaccionar. ¿cualquier sugerencia?